<template>
  <head-top :loading="loading">
    <view class="shop">
      <shopList shopName="+ 关注" :styleCSS="{ padding: '30rpx' }"></shopList>
      <view class="modaltop">
        <BtabsModal is_openModal></BtabsModal>
      </view>
    </view>
    <view class="marginTop">
      <b-list></b-list>
    </view>
  </head-top>
</template>
<script setup lang="ts">
import { onLoad, onShow, onPageScroll } from "@dcloudio/uni-app";
import { ref } from 'vue'
import BList from '@/components/BList/index.vue'
import BtabsModal from '@/components/BtabsModal/BtabsModal.vue'
import shopList from '@/components/Bshoptabs/index.vue'
const loading = ref<boolean>(false)
onPageScroll((e) => {
  console.log(e, '222')
})

</script>
<style lang="scss" scoped >
.shop {
  position: fixed;
  width: 100%;
  z-index: 88;

  .hui {
    color: #919191;
    font-size: 20rpx;
  }

  &_head {
    display: flex;
    background: #fff;
    padding: 30rpx;
    margin-top: 1rpx;
  }

  &_img {
    width: 72rpx;
    height: 72rpx;
    border-radius: 50%;
    border: 1px solid red;
  }

  &_title {
    margin-left: 20rpx;
    line-height: 36rpx;
    display: flex;
    width: 83%;
    justify-content: space-between;
  }

  .modaltop {
    border-top: 12rpx solid #F7F7F7;
  }
}

.marginTop {
  padding-top: 229rpx;
}
</style>